<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的优惠券</title>
    <script src="../../js/flexible.js"></script>
    <link rel="stylesheet" href="../../css/common/base.css">
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/cl/my_coupon.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <a href="../zyj/我的.html">
            <img src="../../img/4商品列表/4_06.png" alt="">
        </a>
        <span>我的优惠券</span>
    </header>
    <!-- 优惠券分类 -->
    <ul class="coupon_nav">
        <li>
            <a href="#">未使用</a>
        </li>
        <li>
            <a href="#">已使用</a>
        </li>
        <li>
            <a href="#">已失效</a>
        </li>
    </ul>
    <!-- 优惠券 -->
    <div class="coupon">
        <ul>
            <li class="coupon_li">
                <div>
                    <p>帮帮匠·首单优惠</p>
                    <p>有效期：2016.12.30</p>
                </div>
                <img src="../../img/23我的优惠/23_03.png" alt="">
            </li>
            <li class="coupon_li">
                <div>
                    <p>帮帮匠·满减券</p>
                    <p>有效期：2016.12.30</p>
                </div>
                <img src="../../img/23我的优惠/23_06.png" alt="">
            </li>
            <li class="coupon_li">
                <div>
                    <p>帮帮匠·满减券</p>
                    <p>有效期：2016.12.30</p>
                </div>
                <img src="../../img/23我的优惠/23_06.png" alt="">
            </li>
        </ul>
    </div>
</body>
</html>